<template>
    <div>
      <table class="applyInfo">
        <tr>
          <th style="min-width: 100px">申请人</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">申请日期</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">采购跟单</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">采购员</th>
          <td style="min-width: 100px">字段内容</td>
        </tr>
        <tr>
          <th style="min-width: 100px">申请单位</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">供应商编码</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">供应商名称</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">预约到仓日期</th>
          <td style="min-width: 100px">
            <el-date-picker
              v-model="dateValue"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </td>
        </tr>
        <tr>
          <th style="min-width: 100px">采购部门</th>
          <td style="min-width: 100px">字段内容</td>
          <th style="min-width: 100px">备注</th>
          <td style="min-width: 100px" colspan="5">
            <el-input placeholder="请输入内容"></el-input>
          </td>
        </tr>
      </table>
    </div>
</template>

<script>
    export default {
        name: "Warehouse",
      data () {
          return {
            dateValue: ''
          }
      }
    }
</script>

<style scoped="scoped" lang="scss">
.applyInfo{
  min-width: 800px;
  border-collapse: collapse;
  border-spacing: 0;
  th,td {
    text-align: left;
    padding: 10px 15px;
    border: 1px solid #eeeeee;
  }
}
</style>
